@import"body.css";
@import"header.css";

.ui-corner-all {
    border-radius: 10px !important; 
    border: none !important;
}
.ui-carousel-header {
    background-color: rgba(0,0,0,0.1) !important;
    padding: 5px 10px 15px !important;
    margin-bottom: 5px !important;
    box-shadow: 0 0 10px #666666 !important;

}

.ui-carousel {
    background: transparent !important;
    position: relative;
    left: 730px;
    top: 17px;
    margin: 40px auto 0; 
    width: 610px;
    height: 250px;
    display: compact !important;
}

.ui-carousel .ui-carousel-viewport ul {
    position: relative !important;
}

.ui-carousel-viewport {
    background: transparent !important;
    width: 100% !important;
    margin-left: auto !important;
}

.carItem {
    width: 340px;
    height: 245px !important;
    background: transparent;
    color: white;
}

.carousel2 {
    position: relative;
    left: 115px;
    top: 275px;
    
}

.ui-carousel-item {  
    hyphens: auto;
    box-shadow: 0 0 10px #333333 !important;
    background-color: rgba(150,150,150,0.1) !important;
    border-radius: 10px !important; 
    border: none;
}

.gPanel {
    width: 50%;
    height: 500px;
    position: relative;
    top:-235px;
    left: 15px;
    font-size: 1em;
    box-shadow: 0 0 10px #666666 !important;
    background-color: rgba(0,0,0,0.1) !important;
    
    border-radius: 10px !important; 
    border: none;
}

.ui-widget-header {
    background: none;
}

.ui-widget-content {
    background: transparent;
    border:none;
    color: #ffffff;
}

.ui-paginator-bottom, .ui-paginator-top {
    border: none;
}

.pnlBack {
    box-shadow: 0 0 10px #333333 !important;
    background-color: rgba(150,150,150,0.1) !important;
    width: 207px !important;
    height: 420px !important;
    margin: 10px 5px;
    border-radius: 10px;
    float: left;
    
}

.btn {
    position: absolute;
    top: 130px;
    left: 565px;
}